<template>
  <div>
    <div class="header">
      <span>答题总数</span>
      <i class="el-icon-warning"></i>
    </div>
    <div class="body">202,022</div>
    <div class="bili">
      <span>周同比 12% <i class="el-icon-caret-top"></i></span>
      <span>日环比 11% <i class="el-icon-caret-bottom"></i></span>
    </div>
    <hr />
    <div class="footer">
      <span>日答题数量</span>
      <span>1433223</span>
    </div>
  </div>
</template>

<script>
var echarts = require("echarts");
export default {
  name: "questionAll",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.header {
  display: flex;
  justify-content: space-between;
  color: #97a8be;
  height: 25px;
  span {
    font-size: 14px;
  }
}
.body {
  font-size: 30px;
  height: 142px;
  line-height: 140px;
  padding-left: 20px;
}
.bili {
  height: 22px;
  font-size: 14px;
  .el-icon-caret-top {
    margin-right: 20px;
    color: red;
  }
}
hr {
  border-top: 1px solid #e8e8e8;
  margin: 0 0 10px 0;
}
.footer span {
  margin-right: 8px;
}
</style>
